<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:fn="http://xmlns.jcp.org/jsp/jstl/functions"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
         <title>Facelet Title</title> 
      <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'></meta>
         <!-- Font awesome -->
         <link href="#{request.contextPath}/resources/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
         <!-- bootstrap 3.0.2 -->
         <link href="#{request.contextPath}/resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
         <!-- Ionicons -->
         <link href="#{request.contextPath}/resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
        <link href="#{request.contextPath}/resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />
         
        <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    </h:head>
    <h:body class="skin-blue">
        <h:form>
        <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                         <p:commandLink style="border-radius: 0px;width: 50px;height: 40px;" styleClass="btn btn-primary ">

                                <span class="fa fa-users" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-success ">

                                <span class="fa fa-money" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-warning ">

                                <span class="fa fa-cogs" style="font-size: 25px;padding-top: 0px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-danger ">

                                <span class="ion ion-pie-graph" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>


                    </div>
                    <!-- search form -->
                    
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li class="#{fn:startsWith(request.pathInfo,'/admin/usuarios/List')?'active':'' } ">
                            <h:commandLink action="#{usuarioController.listarUsuarios()}" >
                                <i class="fa fa-list"/>Listar usuarios  
                            </h:commandLink>
                        </li>
                        
                          <li class="#{fn:startsWith(request.pathInfo,'/admin/usuarios/Create')?'active':'' } ">
                            <h:commandLink action="#{usuarioController.prepareCreate()}">
                              <i class="ion ion-person-add"/>Nuevo usuario  
                            </h:commandLink>
                        </li>
                        
                        <li class="#{fn:startsWith(request.pathInfo,'/admin/usuarios/Movimientos')?'active':'' } ">
                            <h:commandLink action="#{usuarioController.goMovimientos()}">
                            <i class="fa fa-eye"/>Movimientos
                            </h:commandLink>
                        </li>
                   
                   
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

        </h:form>
        
    </h:body>
</html>

